<template>
  <div>
    <van-nav-bar
      title="乐购"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />
    <ul class="box">
      <!-- <li v-for="item in list" :key="item.id"> -->
        <div class="banner">
<img  :src="list.pic_url" alt="" />
        <div class="title">
 <span >{{ list.name }}</span>
        </div>
        </div>
        <van-card :centered="true" :title="list.simple_desc" />
      <!-- </li> -->
    </ul>
    <div>
      <p class="bottom">数据库暂无数据...</p>
    </div>
  </div>
</template>

<script>
import { detailaction } from "@/api/home/brand";
export default {
  data() {
    return {
      list: {},
    };
  },
  created() {
    detailaction({
      id: this.$route.query.id,
    }).then((res) => {
      console.log(res);
      this.list = res.data;
    });
  },
  mounted() {},
  methods: {
    onClickLeft() {
      // this.$router.push('/home')
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="scss" scoped>
.box {
  position: relative;
  width: 100%;
  // background-color: #fff;
}
.banner {
  position: relative;
}
img{
 width: 100%;
  height: 3.86667rem;
  }
.title {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-50%,0);
  span{
    font-size: .50667rem;
    color: #fff;
    border-bottom: 0.06667rem solid #fff;
    padding: 0.06667rem;
  }
}
.bottom{
  text-align: center;
    color: #999;
    font-size: .42667rem;
    margin-top: 2.66667rem;
}
</style>